<template>
  <div class="dashboard-container">
    <div class="dashboard-text">早上好！{{ username }}</div>
    <el-row type="flex" >
      <echart1></echart1>
      <echart2></echart2>

    </el-row>

  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import echart1 from './components/echart1'
import echart2 from './components/eachart2'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'username'
    ])
  },
  components:{
    echart1,
    echart2
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}


</style>
